<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>登录界面</title>
  <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="easyui/css/default.css" />
  <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css">
  <link rel="stylesheet" type="text/css" href="easyui/css/demo.css">
  <script type="text/javascript" src='easyui/js/outlook2.js'> </script>
  <script type="text/javascript" src="easyui/jquery.min.js"></script>
  <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
  <script type="text/javascript" src="easyui/themes/locale/easyui-lang-zh_CN.js"></script>
  <style>
    *{
      margin: 0 auto;
    }
    body{
      background-repeat: no-repeat;
      background-size: 100%;
    }

    .input1 {
      width: 260px;
      border-radius: 3px;
      height: 35px;
      border: 1px #0074BB solid;
      background-color: transparent
    }

  </style>
</head>
<body>
<div style="width: 550px;height: 400px;margin-top: 80px;border-radius: 8px;position: absolute;left: 500px;background-color:rgba(255,255,255,0.4)">
  <h2 align="center">餐厅后勤管理系统</h2>
  <form action="${pageContext.request.contextPath}/LoginServlet" method="post ">
    <table>
      <tr style="position: relative;left: 10px;top: 30px">
        <td>工&nbsp;&nbsp;号</td>
        <td><input type="text" id="gh"  name="ygh" class="input1" value="${cookie.ygh.value}" placeholder="请输入员工号"></td>
      </tr>
      <tr style="position: relative;left: 10px;top: 60px">
        <td>密&nbsp;&nbsp;码</td>
        <td><input type="password" id="mm"  name="mm" class="input1" value="${cookie.mm.value}" placeholder="请输入密码"></td>
      </tr>

      <tr style="position: relative;top: 90px;left: -10px">
        <td></td>
        <td>
          <input type="radio" required="required" name="type"  title="管理员" value="0">后勤主管&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <input type="radio" required="required" name="type" title="采购员" value="1">采购员&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <input type="radio" required="required" name="type"  title="普通员工" value="2">其他员工</td>
      </tr>
      <tr style="position: relative;top: 105px;left: -10px">
        <td></td>
        <td><input type="checkbox" name="remember" checked>记住密码</td>
      </tr>

      <tr style="position: relative;left: 70px;top: 130px">
        <td></td>
        <td><input type="submit" value="登录" style="width: 100px"></td>
      </tr>

      <tr style="position: relative;left: 90px;top: 140px">
        <td></td>
        <td><span style="color: red;font-size: 12px;margin-left: -40px">${loginMsg}</span></td>
      </tr>
    </table>
  </form>
</div>

</body>
<script type="text/javascript">
  $("#gh").textbox({
    required:true,
    missingMessage:'工号不能为空',
  });
  $("#mm").textbox({
    required:true,
    missingMessage:'密码不能为空',
  });

</script>

</html>